@import './_reset.scss';
@import './_ver.scss';
@import './_mixin.scss';


/************* 头部 *****************/
header{
    
    > div{
        @include Type;
        height: 89px;
        border-bottom: 3px solid $font_hover;

        >.logo {
            width: 190px;
            height: 100%;
            float: left;
            overflow: hidden;

            >img{
                height: 130px;
            }
        }

        >.info {
            width: 72px;
            height: 100%;
            float: left;
            margin-left: 20px;
            color: $font_color;
            font-size: 18px;
            text-align: center;
            line-height: 89px;
        }

        >.haveAccount{
            float: right;
            margin-top: 50px;
            color: $font_color;
            
            >a{
                 &:hover{
                color: $font_hover;
            }
            }
           


        }
    }
}
/************* 头部结束 *****************/

/************* 中部 *****************/
section{
   
    >.registerBox{
        height: 450px;
        @include Type;
        position: relative;
        border: 1px solid $subject_color;


        >.registerMain{
            width: 329px;
            height: 400px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;

            >.register_Price{
                > p{
                    >span{
                        color: red;
                    }
                }
            }

            >.register_account, .register_password, .register_repassword, .register_nickname{
                margin-top: 20px;
                display:flex; 
                
                >.title, input {
                    height: 38px;
                    line-height: 38px;
                }

                >.title{
                    width: 86px;
                    text-align: center;
                    box-sizing: border-box;
                    border-top: 1px solid black;
                    border-left: 1px solid black;
                    border-bottom: 1px solid black;
                }
                >input {
                    flex: 1;
                    box-sizing: border-box;
                    border-top: 1px solid black;
                    border-right: 1px solid black;
                    border-bottom: 1px solid black;
                }

               

            }

                   > button{
                        width: 100%;
                        height: 30px;
                        margin-top: 20px;
                        background-color: $font_hover;
                        color: white
            }
            .accountError, .accountError1, .accountError3{
                color: red;
                display: none;

                &.active{
                    display: block;
                }
            }
        }
    }
}
/************* 中部结束 *****************/

footer{
    @include Type;
    height: 300px;
    background-color: skyblue;
    color: white;
    font-size: 60px;
    text-align: center;
    line-height: 300px;
    margin-top: 6px;
}